$(function() {
    var queryObj = {
        proName: $.getQueryString("proName"),
        oldPrice: "",
        price: "",
        num: "",
        page: 1,
        pageSize: 4
    };
    var totalPage = 1;

    init();

    function init() {
        $.ajaxSettings.beforeSend = function() {

        }
        $.ajaxSettings.complete = function() {

        }
        mui.init({
            pullRefresh: {
                container: ".view", //下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
                // 下拉
                down: {
                    style: 'circle',
                    auto: true, //可选,默认false.首次加载自动下拉刷新一次
                    callback: function() {

                            // 重置标签 重置页码
                            $(".goods_list ul").html("");
                            queryObj.page = 1;
                            getQueryProduct(function() {
                                mui('.view').pullRefresh().endPulldownToRefresh();
                                mui('.view').pullRefresh().refresh(true);
                            });
                        } //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
                },
                // 上拉
                up: {
                    // 显示下拉组件的时候回被调用
                    callback: function() {
                        // 判断页码是否满足要求
                        // 如果还有数据就传入false,没有就传入true  >> 提示用户没有更多数据了!
                        if (queryObj.page >= totalPage) {
                            // 没有下一页了
                            // 结束上拉 并且 给出用户提示
                            mui('.view').pullRefresh().endPulldownToRefresh(true);
                        } else {
                            // 正常加载下一页
                            queryObj.page++;
                            getQueryProduct(function() {
                                // 结束上拉组件
                                mui('.view').pullRefresh().endPulldownToRefresh(false);
                            });
                        }
                    }
                }
            }
        });
        // getQueryProduct();
        eventList();
    }

    function eventList() {
        $(".sort_bar").on("tap", "a", function() {
                /* 
                1 只对价格和数量做处理  其他不管
                2 改变被点击的样式
                3 点击价格或者销量 根据被点击值 去改变参数 
                */
                var sortkey = $(this).data("sortkey");
                if (!sortkey) {
                    return;
                }
                $(this).find(".fa").toggleClass("fa-angle-down fa-angle-up");
                queryObj.num = "";
                queryObj.price = "";
                if ($(this).find(".fa").hasClass("fa-angle-up")) {
                    queryObj[sortkey] = 1;
                } else {
                    queryObj[sortkey] = 2;
                }
                // 重置标签 重置页码
                $(".goods_list ul").html("");
                queryObj.page = 1;
                getQueryProduct();
            })
            // 实现点击a标签跳转
        $("body").on("tap", "a", function() {
            console.log(123);
            var href = this.href;
            location.href = href;
        })
    }

    function getQueryProduct(callback) {
        $.get(location.origin + "/product/queryProduct", queryObj, function(res) {
            totalPage = Math.ceil(res.count / queryObj.pageSize);
            console.log(totalPage);
            var html = template("listTp", { arr: res.data });
            $(".goods_list ul").append(html);
            // getQueryProduct();
            callback && callback();
        })
    }
})